export default function Footer() {
  return (
      <footer className="bg-gray-900 text-white mt-12">
        <div className="max-w-7xl mx-auto px-4 py-12">
          <div className="grid grid-cols-4 gap-8 mb-8">
            <div>
              <h3 className="text-lg font-bold mb-4">关于我们</h3>
              <ul className="space-y-2">
                <li><a href="#" className="text-gray-400 hover:text-white">平台介绍</a></li>
                <li><a href="#" className="text-gray-400 hover:text-white">团队成员</a></li>
                <li><a href="#" className="text-gray-400 hover:text-white">发展历程</a></li>
                <li><a href="#" className="text-gray-400 hover:text-white">联系我们</a></li>
              </ul>
            </div>
            <div>
              <h3 className="text-lg font-bold mb-4">帮助中心</h3>
              <ul className="space-y-2">
                <li><a href="#" className="text-gray-400 hover:text-white">新手指南</a></li>
                <li><a href="#" className="text-gray-400 hover:text-white">常见问题</a></li>
                <li><a href="#" className="text-gray-400 hover:text-white">用户协议</a></li>
                <li><a href="#" className="text-gray-400 hover:text-white">隐私政策</a></li>
              </ul>
            </div>
            <div>
              <h3 className="text-lg font-bold mb-4">合作伙伴</h3>
              <ul className="space-y-2">
                <li><a href="#" className="text-gray-400 hover:text-white">币安</a></li>
                <li><a href="#" className="text-gray-400 hover:text-white">火币</a></li>
                <li><a href="#" className="text-gray-400 hover:text-white">OKX</a></li>
                <li><a href="#" className="text-gray-400 hover:text-white">MetaMask</a></li>
              </ul>
            </div>
            <div>
              <h3 className="text-lg font-bold mb-4">关注我们</h3>
              <div className="flex space-x-4">
                <a href="#" className="text-gray-400 hover:text-white">
                  <i className="fab fa-twitter w-6 h-6 flex items-center justify-center"></i>
                </a>
                <a href="#" className="text-gray-400 hover:text-white">
                  <i className="fab fa-telegram w-6 h-6 flex items-center justify-center"></i>
                </a>
                <a href="#" className="text-gray-400 hover:text-white">
                  <i className="fab fa-discord w-6 h-6 flex items-center justify-center"></i>
                </a>
                <a href="#" className="text-gray-400 hover:text-white">
                  <i className="fab fa-medium w-6 h-6 flex items-center justify-center"></i>
                </a>
              </div>
            </div>
          </div>
          <div className="border-t border-gray-800 pt-8 text-center">
            <p className="text-gray-400">© 2024 Web3 预测平台. 保留所有权利</p>
          </div>
        </div>
      </footer>
  )
}